<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, min imum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>Xiaomi11</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/xiaomi11.css">
    <link rel="stylesheet" href="../font/font_zagjo6qnn5/iconfont.css">
    <link rel="stylesheet" href="../font/font_g842u5x8fk/iconfont.css">
    <link rel="stylesheet" href="../font/font_y3tnyr6mdpj/iconfont.css">
    <link rel="stylesheet" href="../font/font_zagjo6qnn5/iconfont.css">
    <link rel="icon" href="../images/logo.png" style="width: 6px; height: 6px;">
    <script src="../js/moveapp.js"></script>
    <script src="../font/font_g842u5x8fk/iconfont.js"></script>
</head>
<body>
    <header>
        <div class="container">
            <div class="pic">
                <img src="../images/Xiaomi11/slide1.jpg" alt="">
                <img src="../images/Xiaomi11/slide2.jpg" alt=""> 
                <img src="../images/Xiaomi11/slide3.jpg" alt="">
            </div>
            <div class="nav">
                <a href="../index.html"><span class="iconfont icon-fanhui5"></span></a>
                <span>商品</span>
                <span>评价</span>
                <span>详情</span>
                <span>推荐</span>
                <a href=""><span class="iconfont icon-zhuanfa_"></span></a>
            </div>
        </div>
    </header>
    <div class="price">
        <h1>¥4999<span>¥4999</span></h1>
        <div class="price-more">
            <div class="price-more-left">
                <span>预计得550米金</span>
                <span>赠完即止：满1件赠价值99元小米新...</span>
            </div>
            <div class="price-more-right">
                <h2>更多<span>></span></h2>
            </div>
        </div>
    </div>
    <div class="name">
        <pre>Xiaomi 11 Ultra</pre>
    </div>
    <div class="explain">
        <p>「至高享24期兔息，赠真无线蓝牙耳机,信用卡分期至高减20元,赠897元三人体检套餐,赠5G专属大流量卡」</p>
        <h3>① [高端音质]对称式双扬立体声多场景360立体音效</h3>
        <h3>② [旗舰新秀] 骁龙870+LPDDR5+Wi-Fi 6</h3>
        <h3>③ [计算摄影] 1亿像素8K电影相机</h3>
    </div>
    <div class="welfare">
        <span>购机优选福利></span>
    </div>
    <div class="configure">
        <div class="configure-item">
            <div class="configure-pic">
                <img src="../images/Xiaomi11/cpu.png" alt="">
                <span>CPU</span>
                <span>高通骁龙888</span>
            </div>
            <div class="configure-pic">
                <img src="../images/Xiaomi11/cpu.png" alt="">
                <span>CPU</span>
                <span>高通骁龙888</span>
            </div>
            <div class="configure-pic">
                <img src="../images/Xiaomi11/cpu.png" alt="">
                <span>CPU</span>
                <span>高通骁龙888</span>
            </div>
            <div class="configure-pic">
                <img src="../images/Xiaomi11/cpu.png" alt="">
                <span>CPU</span>
                <span>高通骁龙888</span>
            </div>
            <div class="configure-pic">
                <img src="../images/Xiaomi11/cpu.png" alt="">
                <span>CPU</span>
                <span>高通骁龙888</span>
            </div>
            <div class="configure-pic">
                <img src="../images/Xiaomi11/cpu.png" alt="">
                <span>CPU</span>
                <span>高通骁龙888</span>
            </div>
            <div class="configure-pic">
                <img src="../images/Xiaomi11/cpu.png" alt="">
                <span>CPU</span>
                <span>高通骁龙888</span>
            </div>
            <div class="configure-pic">
                <img src="../images/Xiaomi11/cpu.png" alt="">
                <span>CPU</span>
                <span>高通骁龙888</span>
            </div>
            <div class="configure-pic">
                <img src="../images/Xiaomi11/cpu.png" alt="">
                <span>CPU</span>
                <span>高通骁龙888</span>
            </div>
        </div>
    </div>
    <div class="ranking-list">
       <!--  <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-xxx"></use>
        </svg> -->
        <span>排行榜</span>
        <h4>入选【手机直降热搜榜】</h4>
        <span>></span>
    </div>
    <div class="bought">
        <div class="choice">
            <span>已选</span>
            <pre><a href="">Xiaomi 11 Ultra 8GB+256GB 陶瓷黑 x 1<span>></span></a></pre>
        </div>
        <div class="carry">
            <span>送至</span>
            <a href="">
                <div class="position">
                    <span class="iconfont icon-position">北京市 东城区<span> 有现货</span></span>
                    <h4>23点前付款，预计10月19日送达</h4>
                </div>
                <span>></span>
            </a>
        </div>
        <div class="manage">
            <div>
                <img src="../images/Xiaomi11/小米自营.png" alt="">
                <span>小米自营</span>
            </div>
            <div>
                <img src="../images/Xiaomi11/小米自营.png" alt="">
                <span>小米发货</span>
            </div>
            <div>
                <img src="../images/Xiaomi11/小米自营.png" alt="">
                <span>7天无理由退货</span>
            </div>
            <span>></span>
        </div>
    </div>
    <div class="set-meal">
        <h1>推荐套餐</h1>
        <div class="product">
            <div class="product-item-small">
                <img src="../images/Xiaomi11/推荐套餐1.png" alt="">
                <h2>Xiaomi 11 Ult...</h2>
                <span>¥4999</span>
            </div>
            <div class="sign">
                <img src="../images/下载 (5).png" alt="">
            </div>
            <div class="product-container">
                <div class="pic">
                    <div class="product-item-small">
                        <img src="../images/Xiaomi11/推荐套餐2.jpg" alt="">
                        <h2>Xiaomi 11 Ult...</h2>
                        <span>¥4999</span>
                        <h4>¥499</h4>
                        <img src="../images/Xiaomi11/推荐套餐-icon-check-tc.9f54bdca96.png" alt="">
                    </div>
                    <div class="product-item-small">
                        <img src="../images/Xiaomi11/推荐套餐3.jpg" alt="">
                        <h2>Xiaomi 11 Ult...</h2>
                        <span>¥4999</span>
                        <h4>¥499</h4>
                        <img src="../images/Xiaomi11/推荐套餐-icon-check-tc.9f54bdca96.png" alt="">
                    </div>
                    <div class="product-item-small">
                        <img src="../images/Xiaomi11/推荐套餐2.jpg" alt="">
                        <h2>Xiaomi 11 Ult...</h2>
                        <span>¥4999</span>
                        <h4>¥499</h4>
                        <img src="../images/Xiaomi11/推荐套餐-icon-check-tc.9f54bdca96.png" alt="">
                    </div>
                    <div class="product-item-small">
                        <img src="../images/Xiaomi11/推荐套餐3.jpg" alt="">
                        <h2>Xiaomi 11 Ult...</h2>
                        <span>¥4999</span>
                        <h4>¥499</h4>
                        <img src="../images/Xiaomi11/推荐套餐-icon-check-tc.9f54bdca96.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="all-price">
            <span>总价</span>
            <span>¥4999</span>
            <span>¥5999</span>
            <span>节省¥1000</span>
        </div>
        <button>购买此套餐（4件商品）</button>
    </div>
    <a href="" class="return-top"><img src="../images/top.451d650ecd.png" alt=""></a>
    <div class="assess">
        <div class="title">
            <span>用户评价</span>
            <span>好评率98.4% ></span>
        </div>
        <div class="classify">
            <span>拍照一流</span>
            <span>颜值够高</span>
            <span>速度较快</span>
            <span>价格实惠</span>
            <span>续航出色</span>
            <span>系统稳定</span>
        </div>
        <div class="content">
            <div class="content-item">
                <div class="name">
                    <div class="name-pic">
                        <img src="../images/Xiaomi11/评价-头像.jpg" alt="">
                    </div>
                    <div class="date">
                        <h1>李***凡</h1>
                        <h2>2021-10-17</h2>
                    </div>
                </div>
                <div class="word">
                    <p>挺好的，个人感觉使用非常流畅，很满意</p>
                </div>
                <div class="content-item-pic">
                    <div>
                        <img src="../images/Xiaomi11/评价.jpg" alt="">
                    </div>
                    <div>
                        <img src="../images/Xiaomi11/评价.jpg" alt="">
                    </div>
                    <div>
                        <img src="../images/Xiaomi11/评价.jpg" alt="">
                    </div>
                    
                </div>
            </div>
            <div class="content-item">
                <div class="name">
                    <div class="name-pic">
                        <img src="../images/Xiaomi11/评价-头像.jpg" alt="">
                    </div>
                    <div class="date">
                        <h1>李***凡</h1>
                        <h2>2021-10-17</h2>
                    </div>
                </div>
                <div class="word">
                    <p>挺好的，个人感觉使用非常流畅，很满意</p>
                </div>
                <div class="content-item-pic">
                    <div>
                        <img src="../images/Xiaomi11/评价.jpg" alt="">
                    </div>
                    <div>
                        <img src="../images/Xiaomi11/评价.jpg" alt="">
                    </div>
                    <div>
                        <img src="../images/Xiaomi11/评价.jpg" alt="">
                    </div>
                    
                </div>
            </div>
            <div class="content-item">
                <div class="name">
                    <div class="name-pic">
                        <img src="../images/Xiaomi11/评价-头像.jpg" alt="">
                    </div>
                    <div class="date">
                        <h1>李***凡</h1>
                        <h2>2021-10-17</h2>
                    </div>
                </div>
                <div class="word">
                    <p>挺好的，个人感觉使用非常流畅，很满意</p>
                </div>
                <div class="content-item-pic">
                    <div>
                        <img src="../images/Xiaomi11/评价.jpg" alt="">
                    </div>
                    <div>
                        <img src="../images/Xiaomi11/评价.jpg" alt="">
                    </div>
                    <div>
                        <img src="../images/Xiaomi11/评价.jpg" alt="">
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="comment">
        <div class="title">
            <span>用户评价</span>
            <span>></span>
        </div>
        <div class="content">
            <div class="container">
                <div class="content-item">
                    <img src="../images/Xiaomi11/米粉点评团.jpg" alt="">
                    <h3>国庆小长假出游必备...</h3>
                    <div class="name">
                        <div class="pic"><img src="../images/Xiaomi11/米粉点评团-头像.jpg" alt=""></div>
                        <span>张洲</span>
                        <span class="iconfont icon-yanjing">8977</span>
                    </div>
                </div>
                <div class="content-item">
                    <img src="../images/Xiaomi11/米粉点评团.jpg" alt="">
                    <h3>国庆小长假出游必备...</h3>
                    <div class="name">
                        <div class="pic"><img src="../images/Xiaomi11/米粉点评团-头像.jpg" alt=""></div>
                        <span>张洲</span>
                        <span class="iconfont icon-yanjing">8977</span>
                    </div>
                </div>
                <div class="content-item">
                    <img src="../images/Xiaomi11/米粉点评团.jpg" alt="">
                    <h3>国庆小长假出游必备...</h3>
                    <div class="name">
                        <div class="pic"><img src="../images/Xiaomi11/米粉点评团-头像.jpg" alt=""></div>
                        <span>张洲</span>
                        <span class="iconfont icon-yanjing">8977</span>
                    </div>
                </div>
                <div class="content-item">
                    <img src="../images/Xiaomi11/米粉点评团.jpg" alt="">
                    <h3>国庆小长假出游必备...</h3>
                    <div class="name">
                        <div class="pic"><img src="../images/Xiaomi11/米粉点评团-头像.jpg" alt=""></div>
                        <span>张洲</span>
                        <span class="iconfont icon-yanjing">8977</span>
                    </div>
                </div>
                <div class="content-item">
                    <img src="../images/Xiaomi11/米粉点评团.jpg" alt="">
                    <h3>国庆小长假出游必备...</h3>
                    <div class="name">
                        <div class="pic"><img src="../images/Xiaomi11/米粉点评团-头像.jpg" alt=""></div>
                        <span>张洲</span>
                        <span class="iconfont icon-yanjing">8977</span>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
    <div class="slideshow-bottom">
        <div class="container">
            <div class="pic">
                <img src="../images/Xiaomi11/slide-推荐.jpg" alt="">
                <img src="../images/Xiaomi11/slide-推荐1.jpg" alt="">
                <img src="../images/Xiaomi11/slide-推荐2.jpg" alt="">
            </div>
        </div>
    </div>
    <div class="hot">
        <div class="title">
            <a href="">商品推荐</a>
            <a href="">爆款推荐</a>
        </div>
        <div class="product">
            <div class="product-item">
                <div>
                    <img src="../images/Xiaomi11/商品推荐1.png" alt="">
                </div>
                <p>Xiaomi 11,骁龙888 轻薄旗舰</p>
                <h4>
                    ¥4999
                    <span>起</span>
                    <span>¥4999</span>
                </h4>
                
            </div>
            <div class="product-item">
                <div>
                    <img src="../images/Xiaomi11/商品推荐1.png" alt="">
                </div>
                <p>Xiaomi 11,骁龙888 轻薄旗舰</p>
                <h4>
                    ¥4999
                    <span>起</span>
                    <span>¥4999</span>
                </h4>
                
            </div>
            <div class="product-item">
                <div>
                    <img src="../images/Xiaomi11/商品推荐1.png" alt="">
                </div>
                <p>Xiaomi 11,骁龙888 轻薄旗舰</p>
                <h4>
                    ¥4999
                    <span>起</span>
                    <span>¥4999</span>
                </h4>
                
            </div>
            <div class="product-item">
                <div>
                    <img src="../images/Xiaomi11/商品推荐1.png" alt="">
                </div>
                <p>Xiaomi 11,骁龙888 轻薄旗舰</p>
                <h4>
                    ¥4999
                    <span>起</span>
                    <span>¥4999</span>
                </h4>
                
            </div>
            <div class="product-item">
                <div>
                    <img src="../images/Xiaomi11/商品推荐1.png" alt="">
                </div>
                <p>Xiaomi 11,骁龙888 轻薄旗舰</p>
                <h4>
                    ¥4999
                    <span>起</span>
                    <span>¥4999</span>
                </h4>
                
            </div>
            <div class="product-item">
                <div>
                    <img src="../images/Xiaomi11/商品推荐1.png" alt="">
                </div>
                <p>Xiaomi 11,骁龙888 轻薄旗舰</p>
                <h4>
                    ¥4999
                    <span>起</span>
                    <span>¥4999</span>
                </h4>
                
            </div>
        </div>
    </div>
    <div class="big-pic">
        <div class="title">
            <span>商品介绍</span>
            <span>规格参数</span>
        </div>
        <div class="pic">
            <img src="../images/Xiaomi11/详情1.png" alt="">
            <img src="../images/Xiaomi11/详情2.jpg" alt="">
            <img src="../images/Xiaomi11/详情3.jpg" alt="">
            <img src="../images/Xiaomi11/详情4.jpg" alt="">
            <img src="../images/Xiaomi11/详情5.jpg" alt="">
            <img src="../images/Xiaomi11/详情6.jpg" alt="">
            <img src="../images/Xiaomi11/详情7.jpg" alt="">
            <img src="../images/Xiaomi11/详情8.jpg" alt="">
            <img src="../images/Xiaomi11/详情1.png" alt="">
            <img src="../images/Xiaomi11/详情2.jpg" alt="">
            <img src="../images/Xiaomi11/详情3.jpg" alt="">
            <img src="../images/Xiaomi11/详情4.jpg" alt="">
            <img src="../images/Xiaomi11/详情5.jpg" alt="">
            <img src="../images/Xiaomi11/详情6.jpg" alt="">
            <img src="../images/Xiaomi11/详情7.jpg" alt="">
            <img src="../images/Xiaomi11/详情8.jpg" alt="">
            <img src="../images/Xiaomi11/tips.png" alt="">
        </div>
    </div>
    <div class="recommend">
        <div class="title">
            商品推荐
        </div>
        <div class="recommend-item">
            <div class="item">
                <div class="item-small">
                    <img src="../images/Xiaomi11/底下推荐1.png" alt="">
                    <h2>小米平板5 Pro</h2>
                    <h3>¥4999</h3>
                </div>
                <div class="item-small">
                    <img src="../images/Xiaomi11/底下推荐2.png" alt="">
                    <h2>小米平板5 Pro</h2>
                    <h3>¥4999</h3>
                </div>
            </div>
            <div class="item">
                <div class="item-small">
                    <img src="../images/Xiaomi11/底下推荐1.png" alt="">
                    <h2>小米平板5 Pro</h2>
                    <h3>¥4999</h3>
                </div>
                <div class="item-small">
                    <img src="../images/Xiaomi11/底下推荐2.png" alt="">
                    <h2>小米平板5 Pro</h2>
                    <h3>¥4999</h3>
                </div>
            </div>
            <div class="item">
                <div class="item-small">
                    <img src="../images/Xiaomi11/底下推荐1.png" alt="">
                    <h2>小米平板5 Pro</h2>
                    <h3>¥4999</h3>
                </div>
                <div class="item-small">
                    <img src="../images/Xiaomi11/底下推荐2.png" alt="">
                    <h2>小米平板5 Pro</h2>
                    <h3>¥4999</h3>
                </div>
            </div>
            <div class="item">
                <div class="item-small">
                    <img src="../images/Xiaomi11/底下推荐1.png" alt="">
                    <h2>小米平板5 Pro</h2>
                    <h3>¥4999</h3>
                </div>
                <div class="item-small">
                    <img src="../images/Xiaomi11/底下推荐2.png" alt="">
                    <h2>小米平板5 Pro</h2>
                    <h3>¥4999</h3>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <a href="../index.html">
            <img src="../images/icon-home.c1947eda40.png" alt="">
            <span>首页</span>
        </a>
        <a href="">
            <span class="iconfont icon-kefu"></span>
            <span>客服</span>
        </a>
        <a href="../html/cart.html">
            <img src="../images/icon-home.c1947eda40.png" alt="">
            <span>购物车</span>
        </a>
        <button>加入购物车</button>
        <button>立即购买</button>
    </footer>
</body>
</html>